<template>
    <div>
        <p>films</p>
        <div style="height: 80px; background-color: deepskyblue;">
            演示一个嵌套路由，该部分不变
        </div>

        <div>
            <router-link to='/films/nowplaying' custom v-slot="{navigate,isActive}">
                <span @click="navigate" :class="isActive? 'myclass':''">显示嵌套-Nowplaying</span>
            </router-link>
            --------------------
            <router-link to='/films/comingsoon' custom v-slot="{navigate,isActive}">
                <span @click="navigate" :class="isActive? 'myclass':''">显示-Comingsoon</span>
            </router-link>
            <div>
                <router-view></router-view>
            </div>
        </div>

    </div>
</template>
